<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/poem.css">
</head>
<body>

<div class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="nav navbar-brand">中国古代著名诗人</a>
            <button type="button" class="navbar-toggle"
                    data-toggle="collapse" data-target="#poet">
                <span class="sr-only">更多诗人</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <ul id="poet" class="nav navbar-nav navbar-right collapse navbar-collapse">
            <li><a href="#">李白</a></li>
            <li><a href="#">杜甫</a></li>
            <li>
                <a href="#" data-toggle="dropdown">
                    更多<span class="caret"></span>
                </a>
                <ul id="morepoets" class="dropdown-menu">
                    <li><a href="#">杜牧</a></li>
                    <li><a href="#">李煜</a></li>
                    <li><a href="#">李商隐</a></li>
                    <li class="divider"></li>
                    <li><a href="#">苏轼</a></li>
                    <li><a href="#">辛弃疾</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-6 well well-lg">
            <h2>
                李白（701年－762年），字太白，号青莲居士，又号“谪仙人”，汉族，绵州昌隆县（今四川省江油市）人，是唐代伟大的浪漫主义诗人，被后人誉为“诗仙”。与杜甫并称为“李杜”，为了与另两位诗人李商隐与杜牧即“小李杜”区别，杜甫与李白又合称“大李杜”。其人爽朗大方，爱饮酒作诗，喜交友。
            </h2>
            <button class="btn btn-default">编辑</button>
            <button class="btn btn-primary">了解更多</button>
        </div>
        <div class="col-md-5 col-md-offset-1 visible-lg visible-md">
            <img src="image/libai.jpg" class="libai">
        </div>
    </div>

    <div class="row text-center">
        <div class="col-md-4">
            <i class="glyphicon glyphicon-tint"></i>
            <h3>望庐山瀑布</h3>
            <p>日照香炉生紫烟，遥看瀑布挂前川。</p>
            <p>飞流直下三千尺，疑是银河落九天。</p>
        </div>

        <div class="col-md-4">
            <i class="glyphicon glyphicon-share-alt"></i>
            <h3>早发白帝城</h3>
            <p>朝辞白帝彩云间，千里江陵一日还。</p>
            <p>两岸猿声啼不尽，轻舟已过万重山。</p>
        </div>

        <div class="col-md-4">
            <i class="glyphicon glyphicon-heart"></i>
            <h3>送孟浩然之广陵</h3>
            <p>故人西辞黄鹤楼，烟花三月下扬州。</p>
            <p>孤帆远影碧山尽，唯见长江天际流。</p>
        </div>
    </div>

    <div class='footer'>
        <div class='container'>
            <div class='row'>
                <div class='col-md-3'>
                    <h4>作者信息</h4>
                    <p>一名普通的JAVA程序员</p>
                    <p><a href='about.html'>关于我</a></p>
                </div>
                <div class='clearfix visible-xs'></div>
                <div class='col-md-3 col-md-offset-2'>
                    <h4>建立联系</h4>
                    <ul class="list-unstyled">
                        <li><a href='about.html'>关于我</a></li>
                        <li><a href='contact.html'>联系我</a></li>
                        <li><a href='/blog'>我的博客</a></li>
                        <li><a href='http://twitter.com/codeschool'>Twitter</a></li>
                    </ul>
                </div>
                <div class='col-md-3 col-md-offset-1'>
                    <h4>联系我</h4>
                    <ul class="list-unstyled">
                        <li><i class="glyphicon glyphicon-map-marker"></i>上海</li>
                        <li><i class="glyphicon glyphicon-phone"></i>123456</li>
                        <li><i class="glyphicon glyphicon-envelope"></i><a href='mailto:abc@163.com'>abc@163.com</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="application/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="application/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>